<template>
  <van-overlay :show="show" z-index="10">
    <div class="h-full w-full flex items-center justify-center">
      <div class="w-90% flex flex-col items-center rounded-3 bg-#fff p-x-8 p-y-10">
        <img src="https://jwc-static.jdwxk.com/imgs/user/success.png" class="w-40" alt="">
        <p class="m-t-1 text-4.5 text-#333 font-500">
          兑换成功
        </p>
        <p class="p-b-4 p-t-3 text-3 text-#999">
          请您前往「我的-兑换中心」页面核销~
        </p>
        <Btn class="h-10" @click="handleGoToCenter">
          前往兑换中心
        </Btn>
        <p class="p-t-3 text-3 text-#D04C3C" @click="show = false">
          我知道了
        </p>
      </div>
    </div>
  </van-overlay>
</template>

<script lang='ts' setup>
import Btn from '@/components/Btn.vue'

const show = defineModel('show', {
  default: false,
})

const router = useRouter()
function handleGoToCenter() {
  router.push('/redemption-center')
}
</script>

<style lang='less' scoped>

</style>
